//身边事专用编辑器上传
$(function() {
    var ratio = window.devicePixelRatio || 1,
        // 缩略图大小
        thumbnailWidth = 100 * ratio,
        thumbnailHeight = 100 * ratio,

        // Web Uploader实例
        uploader;

    // 初始化Web Uploader
    uploader = WebUploader.create({

        // 自动上传。
        auto: false,

        // 文件接收服务端。
        server: uploadUrl,

        // 选择文件的按钮。可选。
        // 内部根据当前运行是创建，可能是input元素，也可能是flash.
        pick: '#filePicker',

        // 只允许选择文件，可选。
        accept: {
            title: 'Images',
            extensions: 'gif,jpg,jpeg,bmp,png',
            mimeTypes: 'image/*'
        },
        fileNumLimit: 5
    });
  
    // 当有文件添加进来的时候
    uploader.on( 'fileQueued', function( file ) {
        var $li = $(
                '<div id="' + file.id + '" class="file-item thumbnail">' +
                    '<img>' +
                    '<div class="info">' + file.name + '</div>' +
                '</div><a href="javascript:;" style="float:left" class="del-thumb"><i class="fa fa-times"></i></a>'
                ),
        $img = $li.find('img');
        $('#fileList').append( $li );

        // 创建缩略图
        uploader.makeThumb( file, function( error, src ) {
            if ( error ) {
                $img.replaceWith('<span>不能预览</span>');
                return;
            }

        $img.attr( 'src', src );
        }, thumbnailWidth, thumbnailHeight );

        $('.del-thumb').click(function(){
            uploader.removeFile(file,true);
            $(this).prev().remove();
            $(this).remove();
        });

    });

    // 文件上传成功，给item添加成功class, 用样式标记上传成功。
    uploader.on( 'uploadSuccess', function( file ) {
        $( '#'+file.id ).addClass('upload-state-done');
        $( '#'+file.id).next('.del-thumb').remove();
        $( '#'+file.id).after('<p class="removeFile" id="del_'+file.id+'">移除文件</p>');

        $('#del_'+file.id).click(function(){
        	// console.log($('#imgurl_'+file.id).val());
        	$(this).smoothConfirm("确认删除该文件吗？", {
				  ok: function() {
			  			Msg.loading();
			  			$.post(removeFileUrl,{url:$('#imgurl_'+file.id).val()},function(result){
			  				Msg.hide();
			  				if(result.status){
			  					Msg.ok(result.info);
			  					uploader.removeFile(file,true);
			  					$('#'+file.id).remove();
			  					$('#imgurl_'+file.id).remove();
			  					$('#del_'+file.id).remove();
			  				}else{
			  					Msg.error(result.info);
			  					return false;
			  				}
			  			},'json');
				  },
				  //点击取消返回callback
				  cancel: function() {
					  return false;
				  }
			  });
        });
    });

    // 文件上传失败，现实上传出错。
    uploader.on( 'uploadError', function( file ) {
        var $li = $( '#'+file.id ),
            $error = $li.find('div.error');

        // 避免重复创建
        if ( !$error.length ) {
            $error = $('<div class="error"></div>').appendTo( $li );
        }

        $error.text('上传失败');
    });

    uploader.on('uploadAccept' , function(file , result){
    	if(result.state == 'SUCCESS'){
            var img_input = "<input type='hidden' name='goods_images[]' id='imgurl_"+file.file.id+"' value="+result.url+">";
            $('#goodsImage').append(img_input);
        }
    });
    $('#uploadImg').click(function(){
        uploader.upload();
    }); 
});